
<div class="modal" ng-controller="KisBpmAssignmentPopupCtrl">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="close()">&times;</button>
                <h2 translate>PROPERTY.ASSIGNMENT.TITLE</h2>
            </div>
            <div class="modal-body">
				<!-- 选择相关负责人 -->

				<div class="row row-no-gutter" >
					<div class="form-group">
						<input id="principalField" type="radio" name="display" value="false" ng-model="insitution.display">
						<label for="Principalinfo_id">{{'PROPERTY.ASSIGNMENT.PRINCIPAL'|translate}}</label>
						<!-- ng-focus="onChangeUser()" -->

						<!--<select  style="width: 30%" ng-model="list1" ng-options="name for in list1"></select>-->
						<select name="Principalinfo_name" id="Principalinfo_id"  value="" ng-disabled="isDisabled"  style="width: 30%" ng-model="assignment.assignee"   ng-options="x.Principalinfo_id as x.Principalinfo_name for  x in principal_info"></select>

						<!--<button ng-click="onChangeUser()" class="btn btn-primary" translate>选择</button>-->

					</div>
				</div>

				<div >
				<!-- 代理人 -->
				<div class="row row-no-gutter">
					<div class="form-group">
						<input  type="radio" name="display" value="true"  ng-model="insitution.display"  ng-checked="true" required>
						<label for="assigneeField">{{'PROPERTY.ASSIGNMENT.ASSIGNEE' | translate}}</label>
						<!-- ng-focus="onChangeUser()" -->
						<input ng-disabled="isDisabled" type="text" id="assigneeField" class="form-control"  ng-model="assignment.assignee" placeholder="{{'PROPERTY.ASSIGNMENT.ASSIGNEE_PLACEHOLDER' | translate}}" />
						<button ng-disabled="isDisabled" ng-click="onChangeUser()" class="btn btn-primary" translate>选择</button>

					</div>
				</div>
				<!-- 候选 -->
				<div class="row row-no-gutter">
					<!-- 候选人 -->

					<div class="form-group">
						<label for="userField">{{'PROPERTY.ASSIGNMENT.CANDIDATE_USERS' | translate}}</label>
						<div ng-repeat="candidateUser in assignment.candidateUsers">
							<!-- ng-focus="onCandidateuser()" -->
							<input ng-disabled="isDisabled" id="userField" class="form-control" tye="text" ng-model="candidateUser.value" />
							<button ng-disabled="isDisabled" ng-click="onCandidateuser($index)" class="btn btn-primary" translate>选择</button>
							<i  class="glyphicon glyphicon-minus clickable-property" ng-click="removeCandidateUserValue($index)"></i>
							<i  ng-if="$index == (assignment.candidateUsers.length - 1)" class="glyphicon glyphicon-plus clickable-property" ng-click="addCandidateUserValue($index)"></i>
						</div>
					</div>
					<!-- 候选组 -->
					<div class="form-group">
						<label for="groupField">{{'PROPERTY.ASSIGNMENT.CANDIDATE_GROUPS' | translate}}</label>
						<div ng-repeat="candidateGroup in assignment.candidateGroups">
							<!-- ng-focus="onCandidateGroups()" -->
							<input ng-disabled="isDisabled" id="groupField" class="form-control" type="text" ng-model="candidateGroup.value" />
							<button ng-disabled="isDisabled" ng-click="onCandidateGroups($index)" class="btn btn-primary" translate>选择</button>
							<i class="glyphicon glyphicon-minus clickable-property" ng-click="removeCandidateGroupValue($index)"></i>
							<i ng-if="$index == (assignment.candidateGroups.length - 1)" class="glyphicon glyphicon-plus clickable-property" ng-click="addCandidateGroupValue($index)"></i>
						</div>
					</div>
				</div>

			</div>

            </div>
            <div class="modal-footer">
                <button ng-click="close()" class="btn btn-primary" translate>ACTION.CANCEL</button>
                <button ng-click="save()" class="btn btn-primary" translate>ACTION.SAVE</button>
            </div>
        </div>
        <!-- 选择代理人弹出框 -->
        <div id="changeMenTree" style="display:none;position:fixed;top:0;left:0" ng-show="true">
        	<!-- 遮罩 -->
	        <div class="modal-backdrop am-fade" style="z-index: 1050;"></div>
	        <!-- 内容 -->
	        <div style="width:600px;height:360px;display:block;z-index: 1051;position: fixed;left: 24%;top: 7%;">
	        	<!-- <div style="width:100%;height:30px;background:#aed0ea"></div> -->
	        	<!-- 标题栏 -->
	        	<div class="modal-header" style="min-height: 45px;height: 30px;">
                	<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="closeChangeUser('close')">&times;</button>
                	<h2 style="font-size: 19px;margin-top: 0px;" translate>选择用户</h2>
            	</div>
	        	<iframe name="mini-iframe-6" src="miniUI/frame/frame1/pages/activiti/activiti_change_user.html" style="width: 100%; height: 100%; position: relative; left: 0px;" frameborder="0"></iframe>
	        	<!-- 按钮栏 -->
	        	<div class="modal-header" style="min-height: 60px;height: 30px;text-align: center;top: -3px;">
	        		<button ng-click="closeChangeUser('save')" class="btn btn-primary" translate>确定</button>
	        		<button ng-click="closeChangeUser('cancel')" class="btn btn-primary" translate>取消</button>
            	</div>
	        </div>
        </div>
       	<!-- 选择候选人弹出框 -->
       	<div id="changeCandidate" style="display:none;position:fixed;top:0;left:0" ng-show="true">
        	<!-- 遮罩 -->
	        <div class="modal-backdrop am-fade" style="z-index: 1050;"></div>
	        <!-- 内容 -->
	        <div style="width:600px;height:360px;display:block;z-index: 1051;position: fixed;left: 24%;top: 7%;">
	        	<!-- <div style="width:100%;height:30px;background:#aed0ea"></div> -->
	        	<div class="modal-header" style="min-height: 45px;height: 30px;">
                	<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="closeChangeCandidate('close')">&times;</button>
                	<h2 style="font-size: 19px;margin-top: 0px;" translate>选择候选人</h2>
            	</div>
	        	<iframe name="mini-iframe-7" src="miniUI/frame/frame1/pages/activiti/activiti_change_user.html" style="width: 100%; height: 100%; position: relative; left: 0px;" frameborder="0"></iframe>
	        	<!-- 按钮栏 -->
	        	<div class="modal-header" style="min-height: 60px;height: 30px;text-align: center;top: -3px;">
	        		<button ng-click="closeChangeCandidate('save')" class="btn btn-primary" translate>确定</button>
	        		<button ng-click="closeChangeCandidate('cancel')" class="btn btn-primary" translate>取消</button>
            	</div>
	        </div>
        </div>
        <!-- 选择候选组弹出框 -->
       	<div id="changeCandidateGroup" style="display:none;position:fixed;top:0;left:0" ng-show="true">
        	<!-- 遮罩 -->
	        <div class="modal-backdrop am-fade" style="z-index: 1050;"></div>
	        <!-- 内容 -->
	        <div style="width:600px;height:360px;display:block;z-index: 1051;position: fixed;left: 24%;top: 7%;">
	        	<!-- <div style="width:100%;height:30px;background:#aed0ea"></div> -->
	        	<div class="modal-header" style="min-height: 45px;height: 30px;">
                	<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="closeCandidateGroup('close')">&times;</button>
                	<h2 style="font-size: 19px;margin-top: 0px;" translate>选择候选组</h2>
            	</div>
	        	<iframe name="mini-iframe-8" src="miniUI/frame/frame1/pages/activiti/activiti_change_role.html" style="width: 100%; height: 100%; position: relative; left: 0px;" frameborder="0"></iframe>
	        	<!-- 按钮栏 -->
	        	<div class="modal-header" style="min-height: 60px;height: 30px;text-align: center;top: -3px;">
	        		<button ng-click="closeCandidateGroup('save')" class="btn btn-primary" translate>确定</button>
	        		<button ng-click="closeCandidateGroup('cancel')" class="btn btn-primary" translate>取消</button>
            	</div>
	        </div>
        </div>
    </div>
</div>
